<!doctype html>
<html lang="en" prefix="og: http://ogp.me/ns#">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CLEAN MARKUP = GOOD KARMA.
      Hi source code lover,

      you're a curious person and a fast learner ;)
      Let's make something beautiful together. Contribute on Github:
      https://github.com/webslides/webslides

      Thanks!
    -->

    <!-- SEO -->
    <title>WebSlides Keynote: Make a Keynote presentation using HTML</title>
    <meta name="description" content="WebSlides is the easiest way to make HTML presentations. Just essential features, clean code, and lovely CSS.">

    <!-- URL CANONICAL -->
    <!-- <link rel="canonical" href="http://your-url.com/permalink"> -->

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,700,700i%7CMaitree:200,300,400,600,700&amp;subset=latin-ext" rel="stylesheet">

    <!-- CSS Base -->
    <link rel="stylesheet" type='text/css' media='all' href="/static/css/webslides.css">

    <!-- Optional - CSS SVG Icons (Font Awesome) -->
    <link rel="stylesheet" type="text/css" media="all" href="/static/css/svg-icons.css">

    <!-- SOCIAL CARDS (ADD YOUR INFO) -->

    <!-- FACEBOOK -->
    <meta property="og:url" content="http://your-url.com/permalink"> <!-- EDIT -->
    <meta property="og:type" content="article">
    <meta property="og:title" content="Make a Keynote presentation using HTML"> <!-- EDIT -->
    <meta property="og:description" content="WebSlides is the easiest way to make HTML presentations. 120+ free slides ready to use."> <!-- EDIT -->
    <meta property="og:updated_time" content="2017-01-04T17:32:14"> <!-- EDIT -->
    <meta property="og:image" content="/static/images/share-webslides.jpg" > <!-- EDIT -->

    <!-- TWITTER -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@webslides"> <!-- EDIT -->
    <meta name="twitter:creator" content="@jlantunez"> <!-- EDIT -->
    <meta name="twitter:title" content="Make a Keynote presentation using HTML"> <!-- EDIT -->
    <meta name="twitter:description" content="WebSlides is the easiest way to make HTML presentations. 120+ free slides ready to use."> <!-- EDIT -->
    <meta name="twitter:image" content="../static/images/share-webslides.jpg"> <!-- EDIT -->

    <!-- FAVICONS -->
    <link rel="shortcut icon" sizes="16x16" href="../static/images/favicons/favicon.png">
    <link rel="shortcut icon" sizes="32x32" href="../static/images/favicons/favicon-32.png">
    <link rel="apple-touch-icon icon" sizes="76x76" href="../static/images/favicons/favicon-76.png">
    <link rel="apple-touch-icon icon" sizes="120x120" href="../static/images/favicons/favicon-120.png">
    <link rel="apple-touch-icon icon" sizes="152x152" href="../static/images/favicons/favicon-152.png">
    <link rel="apple-touch-icon icon" sizes="180x180" href="../static/images/favicons/favicon-180.png">
    <link rel="apple-touch-icon icon" sizes="192x192" href="../static/images/favicons/favicon-192.png">

    <!-- Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#333333">
  </head>
  <body>
    <header role="banner">
      <nav role="navigation">
        <p class="logo"><a href="../index.html" title="WebSlides">WebSlides</a></p>
        <ul>
          <li class="github">
            <a rel="external" href="https://github.com/webslides/webslides" title="Github">
              <svg class="fa-github">
                <use xlink:href="#fa-github"></use>
              </svg>
              <em>WebSlides</em>
            </a>
          </li>
          <li class="twitter">
            <a rel="external" href="https://twitter.com/webslides" title="Twitter">
              <svg class="fa-twitter">
                <use xlink:href="#fa-twitter"></use>
              </svg>
              <em>@WebSlides</em>
            </a>
          </li>
          <!--  <li class="dribbble"><a rel="external" href="http://dribbble.com/webslides" title="Dribbble"><svg class="fa-dribbble"><use xlink:href="#fa-dribbble"></use></svg> <em>webslides</em></a></li> -->
        </ul>
      </nav>
    </header>

    <main role="main">
      <article id="webslides">

        <!-- Quick Guide
          - Each parent <section> in the <article id="webslides"> element is an individual slide.
          - Vertical sliding = <article id="webslides" class="vertical">
          - <div class="wrap"> = container 90% / <div class="wrap size-50"> = 45%;
        -->

        <section class="bg-apple">
          <!--.wrap = container (width: 90%) -->
          <div class="wrap size-40">
            <h1>外部世界是否存在</h1>
            
			<br>演讲： 杨益枘<br>
			<br>H5制作： 杨榕、林钊龙<br>
			<br>资料总结：龙鑫<br>
            <br>资料收集：严嘉泉、张盛强、钟光正<br>
			
			</p>
			
          </div>
          <!-- .end .wrap -->
        </section>
        <section class="bg-apple aligncenter">
          <!--.wrap = container (width: 90%) -->
          <div class="wrap">
            <h2>什么是外部世界？</h2>
			<p class="text-intro">外部世界是由哲学起源的，它和内心世界是相对的。佛教有一句话：色即是空，所谓的色指的就是外部世界。</p>
          </div>
          <!-- .end .wrap -->
        </section>
		<section  class="bg-apple aligncenter" style="">
          <div class="wrap">
            <div class="text-cols">
              <p><strong>什么是外部世界？</strong> 外部世界是由哲学起源的，它和内心世界是相对的。亚里士多德在《形而上学》中说过一句名言：哲学起源于对外部世界的惊奇。人可以通过外部世界改变内心世界。
人与外部世界的紧密联系的关系，人离开的世界是不能生存的，世界离开了人也就失去了精彩。

              <p><strong>人的生存完全依赖于外部世界</strong>这种依赖是需要通过人的不断学习使之更切密切的。简单地说，只有不断地学习更多的知识，才更能够了解外部世界的规律，才更能够有效地借助外部世界所提供的环境和条件，使自己的生活更有意义、更有价值、更有质量。
            </div>
            
          </div>
          <!-- .end .wrap -->
        </section>
		 <section class="bg-apple">
          <!--.wrap = container (width: 90%) -->
          <div class="wrap">
            <blockquote class="text-quote">
              <p>哲学起源于对外部世界的惊奇。人可以通过外部世界改变内心世界。</p>
              <p>
                <cite>
                  <!-- <img class="avatar-56" src="../static/images/avatar.jpg" alt="Avatar"> --> 亚里士多德 《形而上学》
                </cite>
              </p>
            </blockquote>
          </div>
          <!-- .end .wrap -->
        </section>
		<section class="bg-apple aligncenter">
          <div class="wrap">
            <div class="grid vertical-align">
              <div class="column">
                <h2>
                  外部世界与人
                </h2>
                <p class="text-intro">人与外部世界的紧密联系的关系，人离开的世界是不能生存的，世界离开了人也就失去了精彩。</p>
                <ul class="description">
                  
                  <li>
                    
                    人的生存完全依赖于外部世界，而这种依赖是需要通过人的不断学习使之更切密切的。
                  </li>
                  <li>
                    
                    只有不断地学习更多的知识，才更能够了解外部世界的规律
                  </li>
                </ul>
              </div>
              <!-- end .column-->
              <div class="column">
                <figure>
                  <img src="../static/images/team_1/image1.jpg" alt="亚里士多德">
                </figure>
              </div>
              <!-- end figure-->
            </div>
            <!-- end .grid-->
          </div>
          <!-- end .wrap-->
        </section>
		<section class="bg-apple aligncenter">
          <!--.wrap = container (width: 90%) -->
          <div class="wrap">
            <h2>外部世界存在吗？</h2>
			<p class="text-intro">外部世界的存在就像是薛定谔的猫。只有打开盒子，才知道存不存在。然而，我们在盒子里面，是无法打开盒子的。</p>
          </div>
          <!-- .end .wrap -->
        </section>
		<section class="bg-apple aligncenter" style="">
          <div class="wrap">
            <div class="cta text-serif">
              <div class="number">
                <p><span>NO</span></p>
              </div>
              <!--end .number -->
              <div class="benefit">
                <h5><strong>不存在。</strong></h5>
                <p>假如你论证说，一定有一个外在世界，因为你的所有经验总得有某种外在原因方面的解释，否则这些经验就是无缘无故地出现，这实在令人难以置信。怀疑论者能给出两个反驳。第一，即使真的有外在原因，你也不能从你的经验内容中发现这些原因是怎么样的，因为你从来没有直接观察过这些原因。第二，你凭什么认为，万事万物都该有一个解释呢？的确，从日常的、未经过哲学思考的世界观来看，你意识活动的过程至少部分是被外在的其他东西引起的。但是，如果你想要弄清楚，你怎么可能知道你意识之外的世界中有东西存在，你就不能预先假定这种因果关系是存在的。并且，如果只观察在你意识之内的东西，你也根本无法证明这条法则。无论你觉得这条法则如何合情合理，你又有什么理由相信它适用于外在世界呢？</p>
           
              </div>
              <!--end .benefit -->
            </div>
            <!--end .cta -->
          </div>
          <!-- .end .wrap -->
		  
        </section>
		<section class="bg-apple aligncenter" style="">
			<div class="wrap">
				<div class="cta text-serif">
				  <div class="number">
					<p><span>Yes</span></p>
				  </div>
				  <!--end .number -->
				  <div class="benefit">
					
					<h5><strong>存在。</strong></h5>
					
					<p>可能存在这样的世界，人的行为意识及思想观点都是内心世界的映射，而这种映射又来源于内心对外在世界的解析，所以，有什么样的世界就会影响什么样的内心，有什么样的内心就会反映出什么样的世界。而外在世界有很多层面，内心世界又有很多种境界，人的内心在哪种境界、映射出了外在世界的哪个层面。当我们的内心比较极端时，所感受到的外界世界就截然不同，通过所感知的外部世界可以反推个人的内心世界，也就更好的帮助我们认识我们自己，所以说，存在一个与我们所相信的世界大相径庭的世界是可能的。<span id="transmark" style="display: none; width: 0px; height: 0px;">aaa</span></p>
				  </div>
				  <!--end .benefit -->
				</div>
				<!--end .cta -->
			  </div>
		</section>
        
		<section class="bg-apple aligncenter" style="">
          <div class="wrap size-50">
            <h3><strong>你与外部世界的联系？</strong></h3>
            <p class="text-intro">联系应该是怎么样的</p>
            <p>你之所以能够用这些感官证据来说明视觉经验是如何产生的，只是因为你已经在意识中预设了外在世界的存在。但这一预设正是我们所怀疑的问题。如果你用自己的感觉印象去证明感觉印象的可靠性，你就是在循环论证，无法取得任何进展。</p>
            <p>似乎任何试图概括整个世界的理论，如果他不能解释它自身，那么它很显然是不能自洽的，如果它能解释自己自身，那么它就是循环论证。</p>
			<p class="text-pull-right">因果律本身是否有一个原因.</p>
            
            <p>如果它自己都没有原因的话，它自己已经就推翻了自己。</p>
			<p>如果它有原因的话，它显然是循环论证，用自己的结论去作为前提。由此就陷入了不可知论。</p>
            <p class="text-symbols">* * *<span id="transmark" style="display: none; width: 0px; height: 0px;"></span></p>
          </div>
          <!-- .end .wrap -->
        </section>
		
		<section class="bg-apple slide-top" style="">
          
          <div class="wrap">
            <p class="text-context"><h5><strong>一个女孩的噩梦</strong></h5></p>
            <p class='text-intro'>这是一个绚丽的夏日，原野上的草长得很高。詹妮跟在她的哥哥们后面，懒洋洋地漫步。地面上出现一个阴影，草丛里有些东西在沙沙作响。詹妮不由自主地转过身，看见一个陌生的男人，手中拿着一只袋子，里面似乎有什么东西在不停地扭动。他说：“钻进这个袋子里陪我的蛇好吗？”</p>
			<p class='text-intro'>此刻14岁的詹妮其实并没有置身于夏日的原野，却躺在蒙特利尔神经学研究院的手术台上。她的颅骨被掀开，露出大脑的颞叶。她的医生正在尝试通过一种试验性的手术治疗她反复发作的“羊癫风”。为了确定病灶的位置，医生用电极探针探查她的大脑，而在此过程中詹妮必须保持清醒，告诉医生自己的感觉。</p>
			<p class='text-intro'>当探针触到某个位置的时候，詹妮忽然发现自己又一次置身于那个原野中。詹妮遇到那个奇怪男人的经历发生在7年前。当时詹妮吓坏了，她哭着回家找妈妈，尽管那个人并没有碰到她。如今在探针的刺激下，詹妮不仅回忆起这段遭遇，而且重新经历了这段遭遇，细节如此丰富，恐惧如此清晰。</p>
			<p class='text-intro'>医生又用探针刺激附近的点，又像放电影一样在詹妮脑海中再现了许多其他往事，诸如因为做错事被责骂之类。这次医学试验发生在20世纪30年代，轰动了整个科学界，也在哲学界引起轩然大波。</p>
		  </div>
          <!-- .end .wrap -->
        </section>
		
		<section class="bg-apple slide-top" style="">
          <!--.wrap = container (width: 90%) -->
          <div class="wrap">
            <div class="content-left">
              <h2>玻璃缸中的大脑</h2>
              <p>哲学家跟着掺和什么呢？原来，有些哲学家突然想到一件可怕的事情：既然在大脑上做做手脚就可以让人产生感觉，那么谁能证明我们的感觉都是真实的？</p>
			  
              <div class="content-left">
                
                <p>你以为你正坐在这里读这本名叫《新人文》的杂志，其实你只是一颗浸在营养液中、接受电信号的肉乎乎的大脑。当你翻页时，你感觉到自己正在触摸纸张，但这只是因为电信号让你感觉到自己真实的手指正在触摸一本真实的杂志，而实际上你根本没有手指，也没有什么杂志。</p>
              </div>
              <!-- .end .content-left -->
              <div class="content-left">
                
                <p>你甚至相当真切地感觉到你自己正在这里阅读一段有趣而荒唐的文字：一个人被邪恶科学家施行了手术，他的脑被从身体上切了下来，放进一个盛有维持脑存活营养液的缸中。脑的神经末梢被连接在一台计算机上，这台计算机按照程序向脑输送信息，以使他保持一切完全正常的幻觉……</p>
              </div>
              <!-- .end .content-left -->
            </div>
            <!-- .end .content-left -->
            <div class="content-left">
              <img src="../static/images/team_1/image2.jpg" alt="玻璃缸中的大脑">
            </div>
            <!-- .end .content-left -->
          </div>
          <!-- .end .wrap -->
        </section>
		
		<section class="bg-apple">
          <span class="background-left" style="background-image:url('../static/images/team_1/image3.jpg')"></span>
          <div class="wrap">
            <div class="content-right">
              <ul class="flexblock metrics border">
                <li>
                  <div>
                    <svg class="fa-bolt">
                      <use xlink:href="#fa-bolt"></use>
                    </svg>
                    <h2>“缸中之脑” 如今已成了科幻小说和电影的钟爱题材</h2>
                    1960年就有好莱坞导演拍过类似的电影。话说在诺曼底登陆之前的36小时，有一个知悉诺曼底登陆计划细节的美军军官被德军捕获。为了套出情报，德军趁他还处在爆炸之后的失忆状态，伪造一个疗养院予以收容，骗他时间已是1950年，美国佬早已战胜，而他正在加州老家接受康复治疗。身边的护士是加州口音的美丽女孩，窗外阳光明媚，希望他对伪装的医生忆起当年往事……
                  </div>
                </li>
                <li>
                  <div>
                    <svg class="fa-globe">
                      <use xlink:href="#fa-globe"></use>
                    </svg>
                    <h2>楚门的世界</h2>
                    一个财力雄厚的电视制作公司把“真人秀”节目发挥到了极致，把一个人从婴儿时代起就置于完全逼真的影视布景当中，随心所欲地摆布他的人生，然后用隐藏在各个角落的摄像机向全世界直播这个人的一举一动。
					<br>
					<h2>黑客帝国</h2>
                    在2199年，绝大部分人类都被浸泡在营养液中，他们的意识则由电脑系统“矩阵”的电流刺激所形成和控制。他们的一切记忆，实际上都是外部电极刺激大脑皮质所形成的，而不是真实历程。
                  </div>
                </li>
               
              </ul>
            </div>
          </div>
          <!-- .end .wrap -->
        </section>
        <section class="bg-apple">
          <span class="background-right-bottom" style="background-image:url('../static/images/iphone-hand.png')"></span>
          <div class="wrap">
            <div class="content-left">
              <h1>
                <svg class="fa-apple">
                  <use xlink:href="#fa-apple"></use>
                </svg>
                不可靠的知识
              </h1>
              <p>既然我们有可能只是“缸中之脑”，那么我们引以为豪的一切知识都是可靠的吗？假定你的这个世界是在5分钟以前被创造出来的，关于“先前”发生的事件的一切记忆以及其他痕迹也都是5分钟以前被创造出来的。你如何证明实际情况不是如此？
              </p>
              <form class="user" action="/" method="post">
                <input type="text" name="location" placeholder="Why..." required>
                <button type="submit" title="Search">Search &rsaquo;</button>
              </form>
            </div>
          </div>
          <!-- .end .wrap -->
        </section>
       
        
        <section class="bg-apple">
          <header>
            <!--.wrap o <nav> = container 1200px -->
            <div class="wrap">
              <p> <span class="alignright">知识可靠吗</span></p>
            </div>
          </header>
          <div class="aligncenter fadeInUp">
            <h2>巴黎是法国的首都吗？</h2>
            <p>很可能是。但也不能排除这样一种可能性：一群坏人统治着你的世界，出于某种原因不想让你知道法国的实际首都在哪里。他们改写了所有历史和地理著作，强令每个教师向每一个新出生的孩子灌输巴黎是法国首都的假象。当然你可以说，去年夏天你曾经去过巴黎，亲眼看到了法国政府大楼的建筑群。但是你无法排除这种可能性：那其实不是巴黎，而是特意修建来蒙骗你的主题公园。</p>
          </div>
          <footer class="bg-trans-dark">
            <div class="wrap">
              <p>
                <span class="alignleft">
                TEAM 1
                </span>
                <span class="alignright">
                  <a href="#" title="Twitter">
                    <svg class="fa-twitter">
                      <use xlink:href="#fa-twitter"></use>
                    </svg>
                    @lzl
                  </a>
                </span>
              </p>
            </div>
          </footer>
        </section>
		 <section class="bg-apple">
          <!--.wrap = container (width: 90%) -->
          <div class="wrap">
            <blockquote class="text-quote">
              <p>“若干年前，我发现了一个令我震惊的事实。我童年时信以为真的许许多多的东西其实是假的，而我的整个知识大厦是建立在这些错误之上的。</p>
              <p>
                <cite>
                  <!-- <img class="avatar-56" src="../static/images/avatar.jpg" alt="Avatar"> --> 笛卡尔 法国唯心主义哲学家
                </cite>
              </p>
            </blockquote>
          </div>
		 
          <!-- .end .wrap -->
        </section>
		 <section class="bg-apple">
          <div class="wrap size-50">
            <h2>外部世界究竟是否真实？</h2>
            <p>Is it true ?</p>
			
            
          </div>
          <!-- .end .wrap -->
        </section>
		<section class="bg-apple">
          <div class="wrap">
            <div class="content-center">
              <h3>你心灵之内的东西是唯一存在的东西</h3>
              <p>即使有一个你意识之外的世界，这个世界也和你所相信的世界大相径庭，这种可能性有意义吗</p>
              
            </div>
          </div>
          <!-- .end .wrap -->
        </section>
		<section class="bg-apple">
          <div class="wrap">
            <div class="content-center">
              <h3>如果这种可能性是存在的</h3>
              <p>你是否有办法向自己证明它们实际上并不是真的？</p>
              
            </div>
          </div>
          <!-- .end .wrap -->
        </section>
		<section class="bg-apple">
          <div class="wrap">
            <div class="content-center">
              <h3>若不能证明在你的心灵之外有别的东西</h3>
              <p>你可以继续若无其事地相信外部世界地存在吗？</p>
              
            </div>
          </div>
          <!-- .end .wrap -->
        </section>
       
       
        
        <section class="bg-apple aligncenter">
          <h2 class="text-emoji zoomIn">😎</h2>
          <h3><strong>Thank you!</strong></h2>
          <p><a href="" title="">@lzl</a></p>
        </section>

      </article>
    </main>
    <!--main-->

    <!-- Required -->
    <script src="../static/js/webslides.js"></script>

    <script>
      window.ws = new WebSlides();
    </script>

    <!-- OPTIONAL - svg-icons.js (fontastic.me - Font Awesome as svg icons) -->
    <script defer src="../static/js/svg-icons.js"></script>

  </body>
</html>
